.default {
  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
  padding: 5px var(--mantine-spacing-xs);
  border-radius: var(--mantine-radius-sm);
}

.default:hover {
  color: light-dark(var(--mantine-color-blue-7), var(--mantine-color-blue-1));
  padding: 5px var(--mantine-spacing-xs);
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
}

.active {
  color: light-dark(var(--mantine-color-blue-7), var(--mantine-color-blue-1));
  padding: 5px var(--mantine-spacing-xs);
  border-radius: var(--mantine-radius-sm);
}
